import { Component, Input, OnInit } from '@angular/core';

// 字母索引 单个item模块封装

@Component({
    selector: 'ion-index-cell',
    template: `<div  class="index-cell" >
    <div class="index-cell-item">
        <ng-content></ng-content>
    </div>
    <hr class="line" [class.hidden]="mSelect">
</div>`,
    styles: [`
        .m-cell{
            display:inline-block;
        }
        .index-cell-item{
            box-sizing: border-box;
            color: inherit;
            min-height: 48px;
            overflow: hidden;
            position: relative;
            text-decoration: none;
            width: 100%;
            display: flex;
            align-items: center;
        }
        .line{
            height: 0.04rem;
            margin-left: 1.25rem;
            margin-right: 1.25rem;
            border-bottom: 0.03rem solid #EBEBED;
          }
        .hidden {
            display: none;
        }
    `]
})

export class IndexCellComponent implements OnInit {
    @Input() mSelect: any;
    constructor() { }

    ngOnInit() {
        // console.log(this.mSelect);
    }

}
